*{padding:0px;margin:0px;outline:none;word-wrap: break-word;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    background-color: transparent !important;
}

input::-webkit-calendar-picker-indicator {
    color: #EC5901;
    margin-right: 30px;
    background: none;
}

.right {
    float: right;
}

.bd .agreement {
    width: 200px;
    float: left;
}
/*动画*/
@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        ovisibility: visible;
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: hidden;
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        visibility: visible;
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: hidden;
    }
}

.show-swal2.no-animation {
    -webkit-animation: none;
    animation: none;
}

.hide-swal2 {
    -webkit-animation: hideSweetAlert .3s;
    animation: hideSweetAlert .3s;
}

.show-swal2 {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s;
}


.n-login {
    font-size: 14px;
    display: inline-block;
    /*float: right;*/
    height: 27px;
    line-height: 25px;
    border-radius: 25px;
    border: 1px solid rgb(183, 183, 183);
    padding: 0 10px;
    color: #808080;
    margin-left: 15px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.agreement{text-align:left;}
.agreement a{color:#eb3d44;}
.login-reg-warp * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-reg-top {
    height: 85px;
    width: 100%;
    background: #fff;
}

    .login-reg-top .login-logo {
        float: left;
        margin-top: 20px;
    }

        .login-reg-top .login-logo img, .wx-service-box span img {
            display: block;
        }

    .login-reg-top .wx-service-box {
        background: url(images/other_login.png) no-repeat 0 -127px;
        position: relative;
        float: right;
        padding-left: 20px;
        margin-top: 32px;
        cursor: pointer;
    }

        .login-reg-top .wx-service-box span {
            position: absolute;
            left: -156px;
            border: 1px solid #eb3d44;
            top: 2px;
            display: none; /*4-24change border-color*/
        }

        .login-reg-top .wx-service-box:hover span {
            display: block;
        }

.login-reg-bg {
    float: left;
    width: 100%;
    height: 769px;
    background: #fff url(images/login_reg_bg.jpg) no-repeat top center;
    padding-bottom: 0; /*-webkit-linear-gradient(to right top, #b5b9c1, #617ba3); background-image:linear-gradient(to right top,#b5b9c1, #617ba3); */
}

    .login-reg-bg .g-w1240 {
        width: 1240px;
        margin: 0 auto;
    }

.login-reg-warp {
    width: 540px;
    margin: 175px auto 0 auto;
    height: auto;
}

    .login-reg-warp .lr-box {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

    .login-reg-warp .bd {
        width: 100%;
        margin: 0 auto;
        padding-top: 35px;
        padding-bottom: 25px;
        float: left;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background: #fff;
    }

        .login-reg-warp .bd .ld {
            width: 374px;
            float: left;
            padding-left: 38px;
            padding-right: 50px;
            background: url(../images/huo.png) no-repeat right center;
        }

        .login-reg-warp .bd .rd {
            width: 164px;
            float: left;
        }
/*登录*/
.login-warp .lr-tabs {
    width: 100%;
}

    .login-warp .lr-tabs ul li {
    }

        .login-warp .lr-tabs ul li.current a {
            background: #fff;
            color: #2b2d2e;
        }

        .login-warp .lr-tabs ul li:first-child a {
            border-top-left-radius: 8px;
        }

        .login-warp .lr-tabs ul li:last-child a {
            border-top-right-radius: 8px;
        }

        .login-warp .lr-tabs ul li a {
            width: 50%;
            font-size: 18px;
            height: 60px;
            line-height: 60px;
            background: rgba(0,0,0,.4);
            color: #fff;
            float: left;
            text-align: center;
            font-weight: lighter;
        }

.login-warp .login-email {
}

    .login-warp .login-email .title {
        width: 100%;
        position: relative;
    }

        .login-warp .login-email .title h3 {
            background: #fff;
            color: #313131;
            margin: 0 auto;
            width: 142px;
            text-align: center;
            font-weight: normal;
            font-size: 16px;
            position: relative;
            z-index: 2;
            margin-bottom: 15px;
        }

        .login-warp .login-email .title span {
            position: absolute;
            width: 100%;
            height: 1px;
            background: #e7e7e7;
            top: 10px;
            z-index: 1;
        }

.login-warp .login-from {
    font-family: "microsoft yahei";
}

    .login-warp .login-from .form-input {
        height: 35px;
        width: 100%;
        font-size: 14px;
        border: 1px solid #d7d8da;
        color: #d3d3d3;
        background: #fff;
        border-radius: 4px;
        margin-bottom: 8px;
        padding-left: 5px;
        transition: all .6s;
    }

        .login-warp .login-from .form-input:focus {
            border: 1px solid #eb3d44;
            transition: all .6s;
            box-shadow: 0 0 0 1px #eb3d44;
        }

    .login-warp .login-from input::-webkit-input-placeholder, .login-from input::-moz-placeholder, .login-from input:-moz-placeholder, .login-from input:-ms-input-placeholder {
        color: #c3c3c3;
        font-size: 14px;
    }

.lr-box .form-btn {
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid #eb3d44;
    background: #eb3d44;
    display: block;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
}

.login-warp .login-from .form-btn:hover {
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
}

.login-warp .login-from .form-btn:active {
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.1) inset,0 1px 4px 0 rgba(0,0,0,.1);
    border: 0 solid #016FCB;
}

.login-warp .login-from .loginForm {
    position: relative;
}

    .login-warp .login-from .loginForm label.error {
        position: absolute;
        width: 285px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #ffb4a8;
        top: -47px;
        background: #fef2f2 url(images/other_login.png) no-repeat 8px -176px;
        z-index: 10;
        display: none;
        padding-left: 30px;
    }

.login-warp .other-login {
    color: #b7b7b7;
    text-align: center;
    padding: 0 20px;
}

    .login-warp .other-login p {
        padding-bottom: 10px;
    }

    .login-warp .other-login a {
        width: 60px;
        height: 30px;
        display: block;
        text-align: center;
        background: url(images/other_login.png) no-repeat left center;
        line-height: 30px;
        font-size: 14px;
        color: #b7b7b7;
        padding-top: 25px;
    }

        .login-warp .other-login a:hover {
            color: #FD8655;
        }

        .login-warp .other-login a.a_wx_login {
            background-position: 14px 0;
            float: left;
        }

        .login-warp .other-login a.a_qq_login {
            background-position: 15px -51px;
            float: right;
        }

.login-warp .login-tips {
    width: 100%;
    margin: 15px 0 10px 0;
    color: #b7b7b7;
    text-align: center;
}

.login-tips a {
    color: #eb3d44;
    float: left;
}

    .login-tips a:hover {
        text-decoration: underline;
    }

    .login-tips a.checkLogin {
        float: none;
        display: block;
        font-size: 14px;
        border: 1px solid #eb3d44;
        border-radius: 4px;
        width: 88px;
        text-align: center;
        margin: 5px auto;
        padding: 3px 0;
    }

.login-warp .login-from .login-tips {
    margin-top: 35px;
    float: left;
}
/*注册*/
.register-warp {
    padding-top: 10px;
    height: auto;
}

    .register-warp .reg-div {
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
    }

    .register-warp .reg-title h3 {
        font-size: 24px;
        color: #6d6d6d;
        text-align: center;
        border-bottom: 1px dashed #c9c9c9;
        width: 308px;
        padding-bottom: 15px;
        margin: 10px auto;
    }

    .register-warp .reg-from {
        font-family: "microsoft yahei";
    }

        .register-warp .reg-from .form-input {
            height: 42px;
            width: 100%;
            border: 1px solid #dbdbdb;
            color: #616161;
            border-radius: 3px;
            background: #fff;
            margin-bottom: 8px;
            padding-left: 5px;
            transition: all .6s;
            font-family: "microsoft yahei";
        }

            .register-warp .reg-from .form-input:focus {
                border: 1px solid #eb3d44;
                transition: all .6s;
                box-shadow: 0 0 0 1px #eb3d44;
            }

        .register-warp .reg-from input::-webkit-input-placeholder, .register-warp .reg-from input::-moz-placeholder, .register-warp .reg-from input:-moz-placeholder, .register-warp .reg-from input:-ms-input-placeholder {
            color: #c3c3c3;
            font-size: 14px;
            font-family: "microsoft yahei";
        }

        .register-warp .reg-from .form-btn {
            height: 42px;
            line-height: 42px;
            cursor: pointer;
            width: 100%;
            border: none;
            background: #eb3d44;
            display: block;
            border-radius: 2px;
            font-size: 18px;
            color: #fff;
            font-family: "microsoft yahei";
            font-weight: lighter;
        }

            .register-warp .reg-from .form-btn:hover {
                -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
                -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
                box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
            }

            .register-warp .reg-from .form-btn:active {
                -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
                -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);
                box-shadow: 0 5px 8px 0 rgba(0,0,0,.1) inset,0 1px 4px 0 rgba(0,0,0,.1);
                border: 0 solid #016FCB;
            }

        .register-warp .reg-from .registerForm {
            position: relative;
        }

            .register-warp .reg-from .registerForm label.error {
                position: absolute;
                width: 285px;
                height: 38px;
                line-height: 36px;
                border: 1px solid #ffb4a8;
                top: -47px;
                background: #fef2f2 url(images/other_login.png) no-repeat 8px -177px;
                z-index: 10;
                display: none;
                padding-left: 30px;
            }

        .register-warp .reg-from .form-div {
            position: relative;
        }

            .register-warp .reg-from .form-div label.error {
                color: #fff;
                position: absolute;
                width: 150px;
                background: rgba(78, 78, 78, 0.65);
                line-height: 35px;
                border-radius: 4px;
                padding-left: 10px;
                margin-left: 5px;
                animation: rightToleft .5s ease;
                -webkit-animation: rightToleft .5s ease;
                top: 4px;
                left: 369px;
            }

                .register-warp .reg-from .form-div label.error:before {
                    position: absolute;
                    content: '';
                    width: 0;
                    height: 0;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    border-right: 6px solid rgba(78, 78, 78, 0.65);
                    left: -6px;
                    top: 10px;
                }

        .register-warp .reg-from .reg-pwtips {
            color: #b5b3b3;
            margin-top: -15px;
            font-size: 12px;
            display: block;
            margin-bottom: 8px;
        }

    .register-warp .reg-xy {
        margin-bottom: 8px;
        float: left;
        margin-top: 8px;
    }

        .register-warp .reg-xy input {
            margin-top: 4px;
            margin-right: 5px;
        }

        .register-warp .reg-xy input, .reg-xy span {
            float: left;
            color: #999999;
        }

        .register-warp .reg-xy span a {
            color: #eb3d44;
        }

    .register-warp .reg-div .login-tips {
        text-align: center;
        font-size: 14px;
        color: #999999;
        margin: 12px 0 10px 0;
    }

        .register-warp .reg-div .login-tips a {
            text-decoration: underline;
        }

            .register-warp .reg-div .login-tips a:hover {
                color: #F39258;
            }

.register-succ-head {
    width: 100%;
    height: 144px;
    background: url(../images/reg_succ.png) no-repeat top center;
    padding-top: 95px;
}

.register-succ-con {
    width: 100%;
    height: 296px;
    margin-top: -75px;
    padding-top: 174px;
    border-radius: 4px;
    background: #fff url(../images/reg_succ_con.png) no-repeat center 68px;
    text-align: center;
}

.register-fail-con {
    background: #fff url(../images/reg_fail_con.png) no-repeat center 40px;
}

    .register-fail-con div {
        font-size: 14px;
        color: #191a19;
        border-top: 1px solid #ebebeb;
        width: 325px;
        margin: 0 auto;
        padding-top: 10px;
        margin-bottom: 57px;
    }

.register-succ-con h1 {
    font-size: 18px;
    color: #eb3d44;
    font-weight: normal;
}

.register-succ-con p {
    color: #303030;
    font-weight: bold;
    font-size: 24px;
    margin-top: 18px;
    margin-bottom: 150px;
}

.register-fail-con p {
    margin-top: 60px;
    margin-bottom: 60px;
}

.register-succ-con a {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    background: #ff4500;
    padding: 0 25px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.register-fail-con a {
    background: #eb3d44;
}

.register-warp .reg-from .inputCode {
    width: 260px;
    float: left;
}

.register-warp .reg-from .mycode {
    width: 86px;
    height: 40px;
    border: 1px solid #ebebeb;
    display: block;
    float: left;
    margin-left: 5px;
}

.mycode div {
    background: #fff !important;
}
/*账号绑定*/
.lr-zhbd-box {
    width: 100%;
    background: url(../images/lr_zhbd_bg.png) no-repeat top center;
}

.lr-zhbd-con {
    height: 552px;
    padding: 30px 0 0 0;
    background: #fff url(../images/lr-zhbd-con.png) repeat-x 0 0;
    border: 1px solid #ebebeb;
    padding-left: 140px;
}

.lr-zhbd-ld, .lr-zhbd-rd {
    width: 408px;
    height: 506px;
    background: #fff;
    float: left;
    margin-right: 140px;
}

    .lr-zhbd-ld h3, .lr-zhbd-rd h3 {
        font-weight: normal;
        font-size: 18px;
        color: #ff4500;
        text-align: center;
        border-bottom: 3px solid #ff4500;
        padding: 15px 0;
    }

    .lr-zhbd-rd h3 {
        color: #eb3d44;
        border-color: #eb3d44;
    }

    .lr-zhbd-ld .head-img, .lr-zhbd-rd .head-img {
        padding: 28px 70px;
        overflow: hidden;
    }

        .lr-zhbd-ld .head-img img, .lr-zhbd-rd .head-img img {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: block;
            float: left;
        }

        .lr-zhbd-ld .head-img span, .lr-zhbd-rd .head-img span {
            float: left;
            line-height: 42px;
            font-size: 14px;
            color: #313131;
            margin-left: 14px;
        }

    .lr-zhbd-ld .lr-bd {
        position: relative;
    }

        .lr-zhbd-ld .lr-bd label.error {
            position: absolute;
            width: 324px;
            height: 38px;
            line-height: 38px;
            border: 1px solid #ffb4a8; /* top:-50px;  */
            background: #fef2f2 url(images/other_login.png) no-repeat 8px -176px;
            z-index: 10;
            display: none;
            padding-left: 30px;
            bottom: 50px;
        }

.lr-zhbd-rd {
}

    .lr-zhbd-rd .reg-xy {
        margin-bottom: 41px;
        float: left;
        margin-top: -10px;
    }

        .lr-zhbd-rd .reg-xy input {
            margin-top: 4px;
            margin-right: 5px;
        }

        .lr-zhbd-rd .reg-xy input, .lr-zhbd-rd .reg-xy span {
            float: left;
            color: #999999;
        }

            .lr-zhbd-rd .reg-xy span a {
                color: #f66000;
            }

.lr-zhbd-box .form-btn {
    height: 42px;
    line-height: 42px;
    width: 100%;
    border: none;
    border-radius: 2px;
    background: #ff4500;
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.3s;
    -weblit-transition: all 0.3s;
}

    .lr-zhbd-box .form-btn:hover {
        border-color: #d13c05;
        background: #f04100;
    }

.lr-zhbd-box .form-input {
    height: 42px;
    width: 355px;
    border: 1px solid #dbdbdb;
    color: #616161;
    border-radius: 3px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding-left: 5px;
    transition: all .6s;
    font-family: "microsoft yahei";
}

    .lr-zhbd-box .form-input:focus {
        border: 1px solid #FE670B;
        transition: all .6s;
        box-shadow: 0 0 0 1px #FE670B;
    }

.lr-zhbd-box .lr-zhbd-con form {
    padding: 0 26px;
}

.lr-bd-from p {
    margin-top: -10px;
    margin-bottom: 173px;
}

    .lr-bd-from p a {
        color: #ff4500;
    }

.lr-zhbd-rd .reg-pwtips {
    color: #b5b3b3;
    margin-top: -15px;
    font-size: 12px;
    display: block;
    margin-bottom: 8px;
}

.lr-zhbd-rd .inputCode {
    width: 255px;
    float: left;
}

.lr-zhbd-rd .mycode {
    width: 86px;
    height: 40px;
    border: 1px solid #ebebeb;
    display: block;
    float: left;
    margin-left: 5px;
}

/*验证邮箱*/
.lr-yzyx-box {
    width: 100%;
    background: url(../images/lr_yzyx_bg.png) no-repeat top center;
    min-height: 800px;
}

.lr-yzyx-con {
    width: 100%;
    height: auto;
    background: #fff url(../images/lr_yzyx_con.png) no-repeat center 120px;
    border-radius: 2px;
    text-align: center;
    padding-bottom: 25px;
}

.lr-yzyx-head, .lr-zhbd-head {
    padding-top: 95px;
    color: #282828;
    padding-bottom: 10px;
    overflow: hidden;
}

.lr-zhbd-head {
    padding-top: 42px;
}

    .lr-yzyx-head a, .lr-yzyx-head span, .lr-zhbd-head a, .lr-zhbd-head span {
        float: left;
    }

    .lr-yzyx-head span, .lr-zhbd-head span {
        font-size: 24px;
        padding-top: 27px;
    }

        .lr-yzyx-head span i, .lr-zhbd-head span i {
            display: inline-block;
            background: #a7a7a7;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            margin-right: 10px;
            margin-left: 5px;
        }

.lr-yzyx-con h2 {
    font-size: 30px;
    font-weight: normal;
    color: #8d8d8d;
    padding: 60px 0 310px 0;
}

.lr-yzyx-con h3 {
    color: #303030;
    font-weight: normal;
    font-size: 18px;
}

    .lr-yzyx-con h3 i {
        font-family: arial;
        font-weight: bold;
        color: #eb3d44;
    }

.lr-yzyx-con a.btn {
    line-height: 52px;
    height: 52px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #eb3d44;
    font-size: 24px;
    padding: 0 50px;
    color: #fff;
    margin: 20px 0 10px 0;
    transition: all 0.3s;
    -weblit-transition: all 0.3s;
}

    .lr-yzyx-con a.btn:hover {
        border: 1px solid #35a454;
        background: #44d26b;
    }

.lr-yzyx-con p {
    font-size: 14px;
    color: #555;
    border-top: 1px solid #ebebeb;
    width: 395px;
    margin: 0 auto;
    padding-top: 10px;
}

    .lr-yzyx-con p a {
        color: #fc442c;
    }

        .lr-yzyx-con p a:hover {
            text-decoration: underline;
        }

.other-warp .bd {
    padding-top: 20px;
}

.other-warp .title {
    margin: 0 37px;
    border-bottom: 1px solid #e2e3e3;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}

    .other-warp .title span {
        color: #2b2d2e;
        font-size: 18px;
        background: url(../images/login_sp.png) no-repeat 0 -120px;
        padding-left: 22px;
    }

.other-warp .from-div {
    float: left;
    margin: 10px 0;
}
/*qq登陆返回*/
.qqreturnBox-bg {
    width: 100%;
    background: url(../images/lr_qqfh_bg.png) no-repeat top center;
}

.qqreturnBox {
    min-height: 500px;
    padding-top: 90px;
}

    .qqreturnBox h2 {
        text-align: center;
        font-weight: normal;
        font-size: 40px;
        color: #fff;
        padding: 65px 0 25px 0;
    }

    .qqreturnBox h3 {
        text-align: center;
        font-weight: normal;
        font-size: 16px;
        color: #fff;
        padding-bottom: 30px;
    }

.qr_touxiang {
    width: 78px;
    height: 78px;
    margin: 0 auto;
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 1px;
    border-radius: 4px;
}

    .qr_touxiang img {
        display: block;
        border-radius: 4px;
    }

.qr_username p {
    text-align: center;
    color: #a5a5a5;
    margin: 10px 0;
}

.qr_quit button {
    width: 46px;
    height: 24px;
    margin: 0 auto;
    display: block;
    color: #959595;
    border-radius: 4px;
    border: none;
    background: #fff;
}

.qr_input {
    width: 100%;
}

    .qr_input p {
        font-size: 14px;
        color: #a0a1a1;
        padding: 10px 0 20px 0;
    }

    .qr_input form a {
        font-size: 16px;
        color: #eb3d44;
        float: right;
    }

        .qr_input form a:hover {
            text-decoration: underline;
        }

    .qr_input input.email::-moz-placeholder {
        color: #bfbfbf;
    }

    .qr_input input.email::-ms-input-placeholder {
        color: #bfbfbf;
    }

    .qr_input input.email::-webkit-input-placeholder {
        color: #bfbfbf;
    }

    .qr_input input.email {
        width: 318px;
        height: 46px;
        display: block;
        border: none;
        border: 1px solid #d7d6d6;
        color: #555;
        font-size: 14px;
        border-radius: 5px;
        padding-left: 10px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

    .qr_input input:focus {
        border: 1px solid transparent;
        transition: all .6s;
        box-shadow: 0 0 0 2px #eb3d44;
    }

    .qr_input input.button {
        width: 100%;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        border: none;
        background: #FF5600;
        font-family: "微软雅黑";
        margin-top: 20px;
        font-weight: lighter;
        cursor: pointer;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

        .qr_input input.button:focus {
            background: #fb8950;
        }

        .qr_input input.button:hover {
            background: #eb580d;
        }

    .qr_input input.inputCode {
        width: 190px;
        height: 46px;
        display: block;
        border: 1px solid #d7d6d6;
        border-radius: 4px;
        color: #555;
        font-size: 14px;
        margin-top: 15px;
        float: left;
        padding: 0 15px;
    }

    .qr_input .mycode {
        float: right;
        height: 46px;
        line-height: 46px;
        display: block;
        margin-top: 15px;
        width: 85px;
        border: 1px solid #D7D6D6;
        margin-left: 10px;
    }

        .qr_input .mycode div {
            line-height: 46px;
        }

    .qr_input .span-email {
        font-size: 20px;
        color: #565656;
        width: 263px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.qqreturnBox label.error {
    height: 38px;
    line-height: 38px;
    background: url(images/other_login.png) no-repeat 8px -188px;
    z-index: 10;
    padding-left: 30px;
    color: #F93F34;
}

.qqreturnBox .qr_kf {
    color: #818181;
    text-align: center;
    font-size: 14px;
    padding-top: 225px;
    background: url(../images/qr_kf.png) no-repeat center 45px;
    padding-bottom: 30px;
}

.qqreturnBox .qr_input .button {
    background: #eb3d44;
    border-radius: 4px;
}

    .qqreturnBox .qr_input .button:hover {
        background: #2da84f;
    }

.qr_input h3 {
    color: #b2b2b2;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 30px;
}

    .qr_input h3 i {
        text-decoration: underline;
    }

    .qr_input h3 a {
        color: #fd5252;
        text-decoration: underline;
    }

.qr_tips P {
    color: #c9c9c9;
}

.other-warp .input_login_txt {
    float: left;
    height: 42px;
    width: 100%;
    border: 1px solid #dbdbdb;
    color: #616161;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 8px;
    padding-left: 5px;
    transition: all .6s;
    font-family: "microsoft yahei";
}

.other-warp #change label {
    float: left;
    font-size: 14px;
    color: #eb3d44;
    padding-bottom: 5px;
}
/* IE6-IE9实现 */
.loading1 {
    position: relative;
    width: 32px;
    height: 32px;
    background: url(loading-css3.gif);
    line-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 0;
    text-indent: -1px;
    cursor: default;
    pointer-events: none;
}

    .loading1:valid {
        background: none;
        width: 3px;
        height: 3px;
        border-radius: 100%;
        box-shadow: 0 -7px 0 0 #fff, 7px 0 #fff, 0 7px #fff, -7px 0 #fff;
    }
/*登录注册弹框*/
.valid-tips .tips, .lr-glbox i.icon, .lr-glbox form .field.succ, .lr-glbox .valid-error .error, .lrModal .reg form .field.succ, .lrModal .valid-error .error, .lrModal .reg form .phone-field label span, .lrModal form .valid-msg p, .lrModal form .field label, .lrModal .hd .other a, .lrModal .hd .other span {
    background: url(../../img/lr_sp.png) no-repeat -161px 7px;
}

.lrModal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lrModal .modal-dialog {
    font-size: 12px;
    position: fixed;
    width: 400px;
    height: 340px;
    border-radius: 4px;
    background: #fff;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -170px;
}

.lrModal .modal-content {
    width: initial;
    position: static;
    top: initial;
    left: initial;
    margin: initial;
    display: block;
}

.existModal .modal-dialog.reg {
    height: auto !important;
}

.lrModal .hd {
    position: relative;
    height: 44px;
}

.existModal .hd {
    padding: 0px;
    border-bottom: 1px solid #eb3d44;
    line-height: 44px;
}

.lrModal .hd h2 {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: normal;
    padding: 15px 0 0 30px;
}

.existModal .hd h2 {
    padding: 0;
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}

    .existModal .hd h2.active {
        background: #eb3d44;
        color: #fff;
    }

.existModal .hd .tab-line {
    width: 1px;
    height: 44px;
    background: #eb3d44;
    position: absolute;
    left: 49%;
    top: 0;
}

.existModal .reg form.bind-form label {
    width: 44px;
    background: url(../../img/lr_sp.png) no-repeat -161px 7px;
    background-position: 7px -85px;
}

.existModal .reg form.bind-form .field input {
    width: 294px;
}

.existModal .reg form.bind-form .pwd-field label {
    background-position: 7px -131px;
}

.existModal .wj {
    color: #333;
    padding-top: 15px;
}

    .existModal .wj:hover {
        text-decoration: underline;
    }

.lrModal .hd .other {
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
}

    .lrModal .hd .other a {
        width: 60px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        background-position: -159px 9px;
    }

        .lrModal .hd .other a:hover {
            opacity: 0.8;
        }

    .lrModal .hd .other span {
        width: 132px;
        height: 34px;
        background-position: 0 3px;
        position: absolute;
        top: 15px;
        left: -126px;
    }

.lrModal .zhlogin .hd span {
    background-position: 0 -45px;
}

.lrModal .zhlogin .hd a {
    background-position: -254px 5px;
}

.lrModal .cd {
    text-align: center;
    color: #A9A9A9;
    padding: 32px 0 25px 0;
}

    .lrModal .cd .wxewm {
        width: 160px;
        height: 160px;
        border: 1px solid #eee;
        margin: 0 auto 5px auto;
        position: relative;
    }
        /*4-19 change*/
        .lrModal .cd .wxewm img {
            display: block;
            width: 100%;
        }

.lrModal .zhlogin .cd {
    padding-top: 15px;
}
/*4-19 change*/
.lrModal .cd .wxewm .ewmsx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    padding: 45px 0;
    text-align: center;
}

    .lrModal .cd .wxewm .ewmsx span {
        font-size: 14px;
        color: black;
    }

    .lrModal .cd .wxewm .ewmsx a {
        display: inline-block;
        width: 112px;
        height: 41px;
        line-height: 41px;
        margin: 14px auto 0;
        color: white;
        font-size: 14px;
        background-color: #eb3d44;
        border-radius: 5px;
    }

        .lrModal .cd .wxewm .ewmsx a:hover {
            opacity: .8;
        }
/*end*/
.lrModal .cd p s {
    color: #eb3d44;
    text-decoration:none;
}

.lrModal .bd {
    background: #f9f9f9;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

    .lrModal .bd a {
        color: #eb3d44;
        transition: all 0.3s;
    }

        .lrModal .bd a:hover, .lrModal form .valid-msg a:hover {
            text-decoration: underline;
        }

        .lrModal .bd a.qq, .lrModal .bd a.wx {
            color: #6d6c6c;
            border: 1px solid #d4d4d4;
            border-radius: 30px;
            padding: 3px 6px;
            margin-right: 5px;
        }

            .lrModal .bd a.qq:hover {
                text-decoration: none;
                border-color: #10a8ff;
                background: #10a8ff;
                color: #fff;
            }

            .lrModal .bd a.wx:hover {
                text-decoration: none;
                border-color: #0ecb19;
                background: #0ecb19;
                color: #fff;
            }

        .lrModal .bd a.wj {
            color: #3c3c3c;
            margin-right: 10px;
        }

.lrModal form {
    padding: 25px 30px;
    position: relative;
}

    .lrModal form .field, .lr-glbox form .field {
        width: 100%;
        height: 46px;
        border: 1px solid #dbdbdb;
        position: relative;
        margin-bottom: 16px;
    }

        .lrModal form .field:hover, .lr-glbox form .field:hover {
            box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
        }

        .lrModal form .field label, .lr-glbox form .field label {
            width: 44px;
            height: 44px;
            float: left;
            background-color: #f5f5f5;
            float: left;
            background-position: 7px -85px;
            border-right: 1px solid #dbdbdb;
        }

    .lrModal form .pwd-field label {
        background-position: 7px -131px;
    }

    .lrModal form .submit button, .lr-glbox form .submit button {
        font-family: "microsoft yahei";
        width: 100%;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        color: #fff;
        background: #eb3d44;
        border-radius: 4px;
        border: none;
    }

        .lrModal form .submit button:hover, .lr-glbox form .submit button:hover {
            opacity: 0.8;
        }

    .lrModal form .submit .loading1, .lr-glbox form .submit .loading1 {
        top: -6px;
        left: -13px;
    }

    .lrModal form .field input, .lr-glbox form .field input {
        font-family: "microsoft yahei";
        height: 44px;
        background: transparent;
        line-height: 45px;
        width: 294px;
        float: left;
        border: none;
        padding: 0 10px;
        font-size: 14px;
    }

    .lrModal form .valid-msg {
        position: absolute;
        width: 340px;
        height: 40px;
        line-height: 40px;
        background: #fff4f4;
        border: 1px solid #ff5858;
        color: #8a8787;
        top: -24px;
    }

        .lrModal form .valid-msg a {
            color: #ff5858;
        }

        .lrModal form .valid-msg p {
            background-position: -290px -71px;
            text-align: left;
            padding-left: 30px;
            font-size: 12px;
        }

.lrModal input::-webkit-input-placeholder, .lr-glbox input::-webkit-input-placeholder {
    color: #c9c9c9;
}

.lrModal .modal-dialog.reg {
    height: 490px;
    margin-top: -245px;
}

.lrModal .hd .other-yzc {
    position: absolute;
    right: 30px;
    top: 15px;
    color: #6d6d6d;
}

    .lrModal .hd .other-yzc a {
        color: #eb3d44;
    }

.lrModal .reg .cd, .lrModal .zhpwd .cd {
    padding-top: 0;
}

.lrModal .reg form label, .lrModal .zhpwd form .field label, .lr-glbox form .field label {
    width: 92px;
    background: rgba(90, 61, 61, 0);
    line-height: 44px;
    text-align: left;
    padding-left: 10px;
    color: #686868;
    font-size: 14px;
}

.lrModal .reg form .field, .lrModal .zhpwd form .field {
    margin-bottom: 28px;
}

    .lrModal .reg form .field input, .lrModal .zhpwd form .field input {
        width: 246px;
    }

.lrModal form .field.err, .lrModal form .field.err label, .lr-glbox form .field.err, .lr-glbox form .field.err label {
    border-color: #ff7575;
}

.lrModal form .field.succ, .lrModal form .field.succ label {
    border-color: #dbdbdb;
}

.lrModal .reg form .field.succ {
    background-position: 314px -387px;
}

.lrModal .reg form .phone-field label, .lrModal .reg form .phone-field .select-country li {
    cursor: pointer;
}

    .lrModal .reg form .phone-field label span {
        width: 14px;
        height: 10px;
        display: inline-block;
        background-position: -60px -131px;
    }

.lrModal .reg form .phone-field .select-country {
    opacity: 0;
    position: absolute;
    width: 117px;
    text-align: left;
    top: 44px;
    left: -1px;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    z-index: 2;
    border: 1px solid #dbdbdb;
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
}

    .lrModal .reg form .phone-field .select-country li {
        font-size: 14px;
        padding-left: 10px;
        line-height: 33px;
        border-bottom: 1px solid #dbdbdb;
    }

        .lrModal .reg form .phone-field .select-country li:last-child {
            border-bottom: none;
        }

        .lrModal .reg form .phone-field .select-country li:hover {
            background: #eb3d44;
            color: #fff;
            border-bottom-color: #eb3d44;
        }

.lrModal .field .valid-tips, .field .valid-tips {
    text-align: left;
    clear: both;
    display: none;
}

    .lrModal .field .valid-tips .tips, .field .valid-tips .tips {
        text-align: left;
        color: #A9A9A9;
        font-size: 12px;
        padding-left: 20px;
        background-position: -302px -222px;
        top: 4px;
        position: relative;
        height: 20px;
    }

.lrModal .reg .yzm-field .yzm-btn, .lrModal .zhpwd form .field input.yzm-btn, .lr-glbox .con form .field input.yzm-btn {
    position: absolute;
    width: 104px;
    height: 44px;
    background: #e9e9e9;
    color: #626262;
    right: 0;
    border: none;
    cursor: pointer;
    text-align: center;
}

.lrModal .reg .code-field .codeimg, .lrModal .zhpwd .code-field .codeimg, .lr-glbox .con .code-field .codeimg {
    position: absolute;
    right: 0;
    height: 44px;
    width: 104px;
    cursor: pointer;
}

.lrModal .valid-error, .lr-glbox .valid-error {
    text-align: left;
    clear: both;
}

    .lrModal .valid-error .error, .lr-glbox .valid-error .error {
        font-size: 12px;
        padding-left: 20px;
        background-position: -297px -143px;
        top: 4px;
        position: relative;
        color: #ff7575;
        background-color: #fff;
        display: none;
    }

.lrModal .err .valid-error .error, .lr-glbox .err .valid-error .error {
    display: block !important;
    font-size: 12px;
}

#regemailModal .modal-dialog.reg {
    height: 415px;
    margin-top: -207px;
}

.lr-glbox .szpwdcon form .field.succ {
    background-position: 314px -387px;
}

.lrModal .zhpwd .cd {
    padding-top: 0;
}

.lrModal .zhpwd form .field input.yzm-btn {
    width: 104px;
}

.lrModal .zhpwd .cd .yz {
    font-size: 14px;
    color: #3d3d3d;
    margin-bottom: 15px;
}

    .lrModal .zhpwd .cd .yz i {
        font-weight: bold;
    }

.lrModal .zhpwd .cd .valid-yzm-tips {
    margin-top: -10px;
    margin-bottom: 15px;
    display: none;
}

    .lrModal .zhpwd .cd .valid-yzm-tips i, .lrModal .zhpwd .zhemailtips i, .lrModal .zhpwd .cd .yz a {
        color: #eb3d44;
    }

.lrModal .zhpwd .zhemailtips {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    color: #a0a0a0;
}

.lrModal .zhpwd .cd p {
    color: #505050;
    font-size: 14px;
    margin-bottom: 35px;
}

.lrModal .zhpwd .cd .yz a {
    padding-left: 5px;
}

    .lrModal .zhpwd .cd .yz a:hover {
        text-decoration: underline;
    }
/*登录注册页面*/
.jl-loginreg {
    background: #eb3d44;
}

.lr-glbox {
    width: 1040px;
    height: auto;
    margin: 60px auto;
    background: #fff;
}

    .lr-glbox .con {
        width: 364px;
        margin: 0 auto;
        padding: 60px 0;
        text-align: center;
    }

        .lr-glbox .con h3, .lr-glbox .con h1 {
            font-size: 30px;
            color: #262626;
            font-weight: normal;
        }

        .lr-glbox .con h4 {
            color: #3d3d3d;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .lr-glbox .con .head-img {
            width: 80px;
            height: 80px;
            overflow: hidden;
            border-radius: 50%;
            display: inline-block;
            border: 1px solid #f4f4f4;
            margin-top: 30px;
        }

        .lr-glbox .con p {
            color: #9b9b9b;
            font-size: 14px;
        }

        .lr-glbox .con form {
            margin-top: 30px;
        }

            .lr-glbox .con form .field {
                height: 44px;
                margin-bottom: 30px;
            }

                .lr-glbox .con form .field input {
                    width: 241px;
                }

                .lr-glbox .con form .field.succ {
                    background-position: 338px -388px;
                }

        .lr-glbox .con .glwx-ewm {
            margin: 50px 0;
        }

            .lr-glbox .con .glwx-ewm span {
                display: block;
                font-size: 12px;
                color: #939393;
            }

                .lr-glbox .con .glwx-ewm span i {
                    color: #eb3d44;
                }

        .lr-glbox .con i.icon {
            width: 54px;
            height: 54px;
            display: block;
            margin: 140px auto 25px auto;
            background-position: -111px -90px;
        }

    .lr-glbox.succ .con i.icon {
        background-position: -144px -194px;
        width: 130px;
        height: 180px;
        margin: 0 auto;
    }

    .lr-glbox.error .con i.icon {
        background-position: -4px -194px;
        width: 130px;
        height: 180px;
        margin: 50px auto;
    }

    .lr-glbox .con h1 {
        margin: 10px 0 30px 0;
    }

    .lr-glbox .a-btn {
        background: #eb3d44;
        color: #fff;
        border-radius: 4px;
        padding: 10px 20px;
        font-size: 14px;
        transition: all 0.3s;
        margin-top: 40px;
        display: inline-block;
    }

        .lr-glbox .a-btn:hover {
            opacity: 0.8;
        }

.lr-szbox {
    width: 400px;
    height: auto;
    padding-bottom: 30px;
}

    .lr-szbox .szpwdcon h2 {
        font-size: 18px;
        color: #3d3d3d;
        font-weight: normal;
        padding: 15px 0 0 30px;
        margin-bottom: 30px;
    }

.lr-glbox .szpwdcon form .field input {
    width: 100%;
}

.lr-glbox .szpwdcon form .field {
    margin-bottom: 25px;
}

.lr-glbox .szpwdcon form {
    padding: 0 30px;
}

.lr-glbox .szpwdcon p {
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.lr-szbox .con {
    padding: 0;
    padding-top: 30px;
}

    .lr-szbox .con i.icon {
        margin: 0 auto;
        margin-bottom: 15px;
    }

.lrModal .wxewm iframe {
    width: inherit;
    height: inherit;
}
/*网页版*/
.wylrModal {
    display: block;
    position: relative;
}

    .wylrModal .modal-dialog {
        position: relative;
        left: 0;
        top: 0;
        margin: 160px auto;
    }

        .wylrModal .modal-dialog.reg {
            margin: 97px auto;
        }

@media only screen and (min-width:0) and (max-width:1366px) {
    .wylrModal .modal-dialog {
        margin: 92px auto;
    }

        .wylrModal .modal-dialog.reg {
            margin: 28px auto;
        }

    #regemailModal .modal-dialog.reg {
        margin: 60px auto !important;
    }

    .lr-glbox {
        margin: 30px auto;
    }
}

/*最新登录注册2016.7.27*/
.logreg-modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/lr_bg.png) no-repeat;
    background-size: cover;
    z-index: 9999;
}

.lr-modal {
    background: #F5F5F5;
    position: fixed;
    width: 365px;
    height: 410px;
    padding: 20px 30px;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    margin-left: -212.5px;
    margin-top: -225px;
    z-index: 10000;
    font-size: 14px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .lr-modal * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .lr-modal.login-box {
        display: block;
    }

    .lr-modal.register-box {
        display: block;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    .lr-modal.validate-box {
        display: block;
    }

    .lr-modal .lr-title {
        position: relative;
        height: auto;
    }

        .lr-modal .lr-title i {
            position: relative;
            font-size: 16px;
            z-index: 2;
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            box-shadow: 0 1px 0 #fff;
            -webkit-box-shadow: 0 1px 0 #fff;
            -moz-box-shadow: 0 1px 0 #fff;
            background: #f5f5f5;
            border: 1px solid #e4e4e4;
            color: #838383;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .lr-modal .lr-title span {
            position: absolute;
            top: 25px;
            height: 1px;
            width: 100%;
            background: #dedede;
            z-index: 1;
        }

    .lr-modal .lr-h2 {
        border-bottom: 1px solid #e2e3e3;
        color: #535353;
        padding-top: 10px;
    }

        .lr-modal .lr-h2 i {
            font-size: 16px;
            float: left;
            height: 30px;
            display: block;
            background: url(../images/login_sp.png) no-repeat 0 -121px;
            padding-left: 25px;
        }

        .lr-modal .lr-h2 a {
            width: 38px;
            height: 22px;
            border-radius: 30px;
            border: 1px solid #cfcece;
            float: right;
            background: url(../images/login_sp.png) no-repeat 9px 2px;
        }

            .lr-modal .lr-h2 a:hover {
                border-color: #797777;
                background-color: #8E8E8E;
            }

    .lr-modal .tip-p {
        color: #7e7e7e;
        padding: 25px 0 0 0;
        height: 82px;
    }

    .lr-modal .lr-from {
        width: 100%;
        float: left;
        height: auto;
    }

    .lr-modal .f-input {
        position: relative;
        margin-top: 22px;
    }

        .lr-modal .f-input input {
            height: 40px;
            line-height: 40px;
            display: block;
            padding: 0 10px;
            width: 344px;
            background: #fff;
            border: 1px solid #d7d8da;
            border-radius: 4px;
            color: #454545;
            font-family: "microsoft yahei";
        }

            .lr-modal .f-input input:focus {
                border-color: #eb3d44;
                color: #454545;
                background: #fff;
            }

        .lr-modal .f-input label.text {
            width: 97%;
            background: #fff;
            cursor: text;
            margin: 0;
            padding: 0;
            left: 10px;
            top: 11px;
            position: absolute;
            font-size: 12px;
            color: #ccc;
            font-weight: normal;
            transition: all .3s ease;
        }

            .lr-modal .f-input label.text.active {
                top: -21px;
                left: 0;
                font-size: 12px;
                background: transparent;
            }

                .lr-modal .f-input label.text.active.focusIn {
                    color: #fc411b;
                }

        .lr-modal .f-input label.error, .lr-modal .f-button label.error {
            font-size: 12px;
            color: #eb3d44;
            position: absolute;
            z-index: 999;
            height: 30px;
            line-height: 30px;
            top: -25px;
            left: 0;
            transition: all .3s;
        }

    .lr-modal .lr-error-t {
        font-size: 12px;
        color: #b2b2b2;
        padding: 10px 0 20px 0;
        border-bottom: 1px solid #ebebeb;
        width: 100%;
        float: left;
    }

        .lr-modal .lr-error-t p {
            font-size: 12px;
            color: #eb3d44;
        }

    .lr-modal .f-button {
        width: 100%;
        float: left;
    }

        .lr-modal .f-button button {
            width: 100%;
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            background: #eb3d44;
            border: 1px solid transparent;
            color: #fbfbfb;
            font-family: "microsoft yahei";
        }

            .lr-modal .f-button button:hover {
                background: #0bdca9;
            }

    .lr-modal .f-tip {
        margin-bottom: 70px;
    }

        .lr-modal .f-tip a {
            font-size: 12px;
            color: #eb3d44;
            line-height: 26px;
        }

            .lr-modal .f-tip a:hover {
                text-decoration: underline;
            }

    .lr-modal .lr-other {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .lr-modal .lr-other .title {
            position: relative;
        }

            .lr-modal .lr-other .title i {
                position: relative;
                z-index: 2;
                display: block;
                font-size: 12px;
                color: #9b9b9b;
                background: #f5f5f5;
                width: 108px;
                padding: 0 4px;
                margin: 0 auto;
            }

            .lr-modal .lr-other .title span {
                position: absolute;
                top: 10px;
                height: 1px;
                width: 100%;
                background: #dedede;
                z-index: 1;
            }

        .lr-modal .lr-other .sj-div {
            text-align: center;
            padding-top: 10px;
        }

        .lr-modal .lr-other .sj {
            width: 28px;
            height: 28px;
            text-indent: -999em;
            display: inline-block;
            margin: 0 19px;
            background: url(../images/other_login.png) no-repeat 0 0;
        }

            .lr-modal .lr-other .sj.qq {
                background-position: 0 -51px;
            }

            .lr-modal .lr-other .sj:hover {
                opacity: .9;
            }

    .lr-modal .f-yhxy {
        margin: 5px 0 15px 0;
    }

        .lr-modal .f-yhxy input {
            float: left;
            margin-top: 4px;
            margin-right: 4px;
        }

        .lr-modal .f-yhxy a {
            font-size: 12px;
            color: #adadad;
            float: left;
        }

            .lr-modal .f-yhxy a:hover {
                text-decoration: underline;
                color: #ff4500;
            }

    .lr-modal .f-inputCode label.text {
        width: 220px;
    }

    .lr-modal .f-inputCode input {
        width: 236px;
        float: left;
    }

    .lr-modal .f-inputCode .mycode {
        width: 100px;
        float: right;
        height: 40px;
    }

        .lr-modal .f-inputCode .mycode div {
            line-height: 40px !important;
        }

    .lr-modal .reg-p {
        font-size: 12px;
        color: #c2c2c2;
        text-align: center;
        padding-top: 10px;
        width: 100%;
        float: left;
    }

        .lr-modal .reg-p a {
            font-size: 12px;
            color: #eb3d44;
            text-decoration: underline;
        }

            .lr-modal .reg-p a:hover {
                color: #13d6a6;
            }
/*邮箱验证*/
.validate-box .lr-email {
    color: #b2b2b2;
    margin-bottom: 75px;
    float: left;
    width: 100%;
}

    .validate-box .lr-email i {
        float: left;
    }

        .validate-box .lr-email i span {
            text-decoration: underline;
        }

    .validate-box .lr-email a {
        float: right;
        color: #eb3d44;
    }

        .validate-box .lr-email a:hover {
            text-decoration: underline;
        }

.validate-box .f-input {
    margin-bottom: 40px;
}
/*修改邮箱*/
.changemail-box .lr-h2 i {
    background-position: 0 -187px;
}

.changemail-box .f-input {
    width: 100%;
    float: left;
}

    .changemail-box .f-input.no input {
        background: #ebebeb;
        color: #918f8f;
        font-size: 12px;
        cursor: not-allowed;
    }

    .changemail-box .f-input .label {
        float: left;
        width: 70px;
        line-height: 42px;
        color: #a6a5a5;
    }

    .changemail-box .f-input input {
        float: left;
        width: 273px;
    }

    .changemail-box .f-input label.text {
        width: 279px;
        left: 80px;
    }

        .changemail-box .f-input label.text.active {
            left: 71px;
        }

.changemail-box .f-button {
    margin-top: 30px;
}

.changemail-box .reg-p {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
}
/*修改密码*/
.changepwd-box .lr-h2 i {
    background-position: 0 -61px;
}

.changepwd-box .f-button {
    margin-top: 40px;
}

.changepwd-box3 .lr-h2 i {
    background-position: 0 -61px;
}

.changepwd-box3 .f-button {
    margin-top: 40px;
}
/*激活成功*/ .success-box {
    text-align: center;
}

    .success-box .lr-img {
        width: 214px;
        height: 214px;
        background: url(../images/login_sp.png) no-repeat 0 -654px;
        margin: 0 auto;
    }

    .success-box h1 {
        font-size: 24px;
        color: #303030;
        margin-bottom: 30px;
    }

    .success-box p {
        color: #eb3d44;
    }

    .success-box .lr-login-btn {
        border-top: 1px solid #ebebeb;
        padding-top: 30px;
        margin-top: 50px;
    }

        .success-box .lr-login-btn a {
            height: 32px;
            line-height: 32px;
            border-radius: 3px;
            display: inline-block;
            background: #eb3d44;
            color: #fff;
            padding: 0 15px;
        }
/*最新登录注册2016.7.27....end*/
.lrModal .bd { /*4-24修改微信登录弹窗左下右下圆角*/
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.jl-loginreg { /*4-24修改 关注公众号界面底部调整*/
    border-bottom: 1px solid transparent;
}

.lr-glbox .con .wxewm { /*4-24修改 关注微信公众号*/
    position: relative;
    display: block;
    width: 156px;
    height: 156px;
    margin: 0 auto;
}

    .lr-glbox .con .wxewm img { /*4-24修改关注微信公众号二维码边框*/
        border: 1px solid #f0f0f0;
    }

    .lr-glbox .con .wxewm .ewmsx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: rgba(0,0,0,.6);
        padding: 45px 0;
        text-align: center;
        font-size: 14px;
    }

        .lr-glbox .con .wxewm .ewmsx span {
            color: white;
        }

        .lr-glbox .con .wxewm .ewmsx a {
            display: inline-block;
            width: 80px;
            height: 30px;
            line-height: 30px;
            margin: 20px auto 0;
            color: white;
            background-color: #eb3d44;
        }

            .lr-glbox .con .wxewm .ewmsx a:hover {
                background-color: #00efb5;
            }

.lrModal .zhpwd { /*4-25修改忘记密码手机验证码弹窗高度*/
    height: 355px;
}
/*没有验证提示样式*/
.validate_email_Tips {
    position: absolute;
    right: 0;
    top: 70px;
}

    .validate_email_Tips .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .validate_email_Tips .alert-warning {
        color: #fc401a;
        background-color: #fff4f2;
        border-color: #ffd4ca;
    }

        .validate_email_Tips .alert-warning a {
            color: #eb3d44;
        }

    .validate_email_Tips .alert-dismissable {
        padding-right: 35px;
    }

        .validate_email_Tips .alert-dismissable .close {
            position: relative;
            top: -2px;
            right: -21px;
            color: inherit;
        }

    .validate_email_Tips button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0;
        border: 0;
    }

    .validate_email_Tips .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }

/*五百丁-注册登录-end*/

